<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="faq.css">
  <title>Sendinblue - Help Interface</title>
</head>
<body>
<head>

  <header>
    <nav>
    <div>
      <img src="images/sendinblue-logo.png" alt="sendinblue logo" class="logo">
      <span class="resources">Resources</span>
    </div>
    </nav>
    <h1>欢迎使用星火小组帮助中心</h1>
    <div class="search11">
      <form>
      <input type="text" placeholder="Search our articles">
      <button type="submit"><img src="images/search-icon.png" alt="search icon"></button>
    </form>
  </div>
    
  </header>
  <div class="main">
    <div class="feature feature1 ">
      <img src="images/user-icon.png" alt="user icon"><hr>
      <a  href="#"  class="animated-text">My account</a>
      <p>Create and manage your Sendinblue account</p>
      </div>
    <div class="feature feature2">
      <img src="images/email-icon.png" alt="email icon"><hr>
      <a  href="#"  class="animated-text">Email campaigns</a>
      <p>Engage your contacts using the best mobile-friendly email design tools</p >
    </div>
    <div class="feature feature3">
      <img src="images/sms-icon.png" alt="sms icon"><hr>
      <a  href="#"  class="animated-text">SMS campaigns</a>
      <p>Enhance your marketing with text message (SMS) campaigns</p >
    </div>
    <div class="feature feature4">
      <img src="images/transactional-icon.png" alt="transactional icon"><hr>
      <a  href="#"  class="animated-text">Transactional emails</a>
      <p>Send one - to - one emails with optimal deliverability</p >
    </div>
    <div class="feature feature5">
      <img src="images/contacts-icon.png" alt="contacts icon"><hr>
      <a  href="#"  class="animated-text">Contacts</a>
      <p>Manage and segment your contacts for perfectly targeted campaigns</p >
    </div>
    <div class="feature feature6">
        <img src="images/contact-icon.png" alt="contacts icon"><hr>
        <a  href="#"  class="animated-text">Automation</a>
        <p>Manage and segment your contacts for perfectly targeted campaigns</p >
      </div>
  </div>
  <div class="wb">
    <a href="../feedback/feedback.html">问题反馈</a>
  </div>
  <script src="faq.js"></script>
</body>

</html>